// .boxmain{
//   width: 100vw;
//   height: 100vh;
// }
// .bottom {
//   width: 100vw;
//   /* height: 110px; */ 
//   border-radius: 5px;
//   position: relative;
// }

// .active {
//   width: 50%;
//   height: 90%;
//   border-radius: 5px;

 
// } 
// .active img {
//     width: 100%;
//     height: 100%;
//   }

// .doctor {
//   width: 40%;
//   height: 53px;
//   border-radius: 5px;
//   position: absolute;
//   right: 20px;
//   top: 10px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .medicine {
//   width: 40%;
//   height: 53px;
//   border-radius: 5px;
//   position: absolute;
//   right: 20px;
//   top: 65px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }
.boxmain{
  width: 100vw;
  background: #f7f7f7;
}
.topimg{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #f7f7f7;
  margin-top: 2vh;
  margin-bottom: 1.5vh;
  .left{
    width: 49%;
    height: 20.6vh;
    img{
      width: 100%;
      height: 100%;
      border-radius: 5px;
    }
  }
  .right{
    margin-left: 2%;
    width: 49%;
    height: 20vh;
    background: #f7f7f7;
    img{
      width: 100%;
      height: 49%;
      border-radius: 5px;
    }
    .img2{
      margin-bottom: 2%;
    }
  }
}

.swpier {
  width: 100%;
  height: 100px;
  /* border: 1px solid #000 */
}


.nav {
  width: 100%;
  height: 150px;
  overflow: scroll;
  scrollbar-width: none;
  margin-top: 1.5vh;
}

.nr {
  width: 140%;
  height: 150px;
}

.h3 {
  float: left;
}

.span {
  font-size: 12px;
  color: rgb(179, 181, 182);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.zhuanke {
  width: 100%;
  height: 120px;
  position: relative;

  .left {
    width: 48%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 20px;

    img {
      width: 95%;
      height: 95px;
      border-radius: 10px;
      margin-left: 5px;
    }
  }

  .right {
    width: 48%;
    height: 100px;
    position: absolute;
    right: 0;
    top: 20px;

    img {
      width: 95%;
      height: 95px;
      border-radius: 10px;
      margin-left: 5px;
    }
  }
}


.mdoctor{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  img{
    width: 48%;
    margin-left: 1%;

  }
}
// .mdoctor {
//   width: 100%;
//   height: 200px;
//   position: relative;
// }

.tspf{
  width: 100%;
  .left1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1vh;
    img{
      width: 48%;
      height: 25vh;
      margin-left: 1.36%;
    }
  }
  .left2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1vh;
    img{
      width: 48%;
      height: 14vh;
      margin-left: 1.36%;
    }
  }
  .le{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1vh;
  }
  img{
      width: 31.9%;
      height: 18vh;
      margin-left: 1%;
    }
}

// .tspf {
//   width: 100%;
//   height: 420px;
//   position: relative;
// }

// .left2 {
//   width: 48%;
//   height: 100px;
//   float: left;
//   position: absolute;
//   top: 20px;
//   left: 0;
//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .main1 {
//   width: 48%;
//   height: 100px;
//   position: absolute;
//   left: 52%;
//   top: 20px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .lefr1 {
//   width: 48%;
//   height: 100px;
//   float: left;
//   position: absolute;
//   top: 110px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .righr1 {
//   width: 48%;
//   height: 100px;
//   position: absolute;
//   left: 52%;
//   top: 112px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .left1 {
//   width: 48%;
//   height: 150px;
//   float: left;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .main {
//   width: 48%;
//   height: 150px;
//   position: absolute;
//   left: 52%;
//   top: 0;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .lefr {
//   width: 48%;
//   height: 100px;
//   float: left;
//   position: absolute;
//   top: 155px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .righr {
//   width: 48%;
//   height: 100px;
//   position: absolute;
//   left: 52%;
//   top: 155px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

// .le {
//   width: 32%;
//   height: 150px;
//   float: left;
//   position: absolute;
//   top: 260px;

//   img {
//     width: 100%;
//     height: 100%;
//   }
// }

.ma {
  width: 32%;
  height: 150px;
  position: absolute;
  left: 33.5%;
  top: 260px;

  img {
    width: 100%;
    height: 100%;
  }
}

.ri {
  width: 32%;
  height: 150px;
  position: absolute;
  right: 1%;
  top: 260px;

  img {
    width: 100%;
    height: 100%;
  }
}